<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name='viewport' content='width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no'>
  <link rel='stylesheet' href='/css/style.css' />
  <title>UFLO流程引擎</title>
</head>
    <body>
        <nav class="navbar navbar-expand-lg navbar-light">
          <div class="container"><a href="#" onclick="changeFrameSrc(1)" class="navbar-brand" >在线文档</a>
            <div class="d-flex ml-auto">
               <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#globalNavbar" aria-controls="globalNavbar" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
            </div>
            <div class="collapse navbar-collapse" id="globalNavbar">
              <ul class="navbar-nav mr-auto order-1">
                <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" href="#" onclick="changeFrameSrc(2)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">立即体验</a>
                  <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                  </div>
                </li>
                 <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" href="#" onclick="changeFrameSrc(3)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">流程监控</a>
                  <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                  </div>
                </li>
                 <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" href="#" onclick="changeFrameSrc(4)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">任务中心</a>
                  <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                  </div>
                </li>
                <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" href="#" onclick="changeFrameSrc(5)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">批量测试</a>
                  <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                  </div>
                </li>
               </ul>
               </div>
          </div>
        </nav>
        <iframe id="mainiframe" src="/uflo-doc.html" scrolling="auto" frameBorder="0" width="99.6%"></iframe>  
</body>
<script>
function changeFrameHeight(){
    var ifm= document.getElementById("mainiframe");
    ifm.height=document.documentElement.clientHeight-56;
}
window.onresize=function(){ changeFrameHeight();}
changeFrameHeight();
function changeFrameSrc(type){
	if(1==type){
	    document.getElementById("mainiframe").src="/uflo-doc.html";
	} else if(2==type){
	    document.getElementById("mainiframe").src="/uflo/designer";
	} else if(3==type){
	    document.getElementById("mainiframe").src="/uflo/central";
	} else if(4==type){
	    document.getElementById("mainiframe").src="/uflo/todo";
	} else if(5==type){
	    document.getElementById("mainiframe").src="/test.html";
	}
}
</script>
</html>